// ******************************************************************1.初始化
//     富文本编辑器  demo展示缺配置项
// tinymce.init({
//   selector: '.layui-textarea',
//   language: 'zh_CN',
// });
// initEditor();



//     cropper
$('#image').cropper({
    aspectRatio: 1,
    preview: '.img-preview'
});
$(".upload-btn").click(function () {
    $("#file").click();
});
$("#file").on("change", function () {

    // 1.获取图片对象；了解
    let obj = this.files[0];


    // 2.专门方法，把图片对象转化为临时URL地址: 了解
    let url = URL.createObjectURL(obj);


    // 3.替换到上面图片位置   查文档 了解
    $('#image').cropper("replace", url);
});

// ****************************************************************2.数据回填
// 1.获取id
let url = location.href;
let id = url.split("=")[1];


// 初始化：
//     下拉菜单
let form = layui.form;
$.ajax({
    url: "/my/article/cates",
    success: function (res) {
        if (res.status == 0) {
            let str = `<option value="">请选择文章类别</option>`;
            res.data.forEach(item => {
                str += `<option value="${item.Id}">${item.name}</option>`;
            });
            $("select").html(str);
            form.render("select");

            // 
            get();
        }
    }
});


// 2.获取该详情数据
function get() {
    initEditor();
    $.ajax({
        url: "/my/article/" + id,
        success: function (res) {
            // console.log(res);
            if (res.status == 0) {
                // console.log(res.data);
                form.val("edit", res.data);

                // 插件：了解
                $('#image').cropper("replace", 'http://ajax.frontend.itheima.net' + res.data.cover_img);

            }
        }
    });
}



// ******************************************************************3.更新（仿造新增JS代码）
$("form").on("submit", function (e) {
    e.preventDefault();

    let fd = new FormData(this);
    fd.append("Id", id);

    fd.set("content", tinyMCE.activeEditor.getContent()); // 富文本

    let obj = $('#image').cropper('getCroppedCanvas', {
        width: 280,
        height: 280
    });
    obj.toBlob(function (blob) {
        fd.append("cover_img", blob);

        $.ajax({
            processData: false, //
            contentType: false, //重要
            url: "/my/article/edit",
            type: "POST",
            data: fd,
            success: function (res) {
                layer.msg(res.message);
                if (res.status == 0) {

                    window.parent.document.querySelector("#list").click();
                }
            }
        })


    });





})